/**
* 作者 ：食草狂魔
*
* 日期 ：2017/11/14
*
* 描述 ：首页组件 - 目录统计
*/
<template>
  <el-row class="menucount">
    <el-row class="menuCountRow2">
      <el-col :span="6">
        <span class="menuTitle">资源目录总数</span>
        <span class="menuNum">123123123</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">昨日新增</span>
        <span class="menuNum">123123123</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">上周新增</span>
        <span class="menuNum">123123123</span>
      </el-col>
      <el-col :span="6">
        <span class="menuTitle">上月新增</span>
        <span class="menuNum">123123123</span>
      </el-col>
    </el-row>
  </el-row>
</template>
<script>
  export default {
    name: 'menuCount',
    components: {
    },
    data () {
      return {
      }
    }
  }
</script>
<style>
  .menucount{
    width: 94%;
    margin: 0 auto;
  }
  .menuCountRow2 .el-col-6{
  	line-height: 100px;
  	background: #FAFAFA;
  	border: 1px solid #ededed;
  	border-radius: 3px;
  	margin-right: 1%;
  	width: 24.25%;
  }
  .menuCountRow2 .el-col-6:last-child{
  	margin: 0;
  }
  .menuTitle{
    font-size: 2.2rem;
    font-weight: bold;
  }
  @font-face
  {
    font-family: myFirstFont;
    src: url('LetsgoDigitalRegular.ttf');
  }
  .menuNum{
    font-family:myFirstFont;
    background-color: #2cace2;
    color: #ffffff;
    font-size: 3.2rem;
    border-radius: 5px;
    padding: 0 8px;
  }
</style>
